
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <p class="content"></p>

        <button>111</button>
        <script>
        // var time = new Date();
        // var str = `今天是${time.getFullYear()}年 ${time.getMonth()+1}月 ${time.getDate()}日 ； ${time.getHours()}时 ${time.getMinutes()}分 ${time.getSeconds()}秒`;
        // // console.log(str);
        // // document.write(str);
        // document.getElementsByClassName("content")[0].innerHTML = str;


        // 定时器 1.倒计时定时器 2.间隔定时器 
        // 1.倒计时定时器 倒计时一段时间后执行代码
        // setTimeout(function(){
        //     // 倒计时之后执行的代码
        //     console.log(1111);
        // },2000);  //倒计时时间 但是是毫秒
        // document.onclick = function(){
        //     setTimeout(function(){
        //     // 倒计时之后执行的代码
        //         console.log(1111);
        //     },2000); 
        // }

        // 2.间隔定时器 :间隔一段时间执行代码
        // setInterval(function(){
        //     console.log(1111);
        // },10);

        function innerTime(){
            var time = new Date();
            var str = `今天是${time.getFullYear()}年 ${time.getMonth()+1}月 ${time.getDate()}日 ； ${time.getHours()}时 ${time.getMinutes()}分 ${time.getSeconds()}秒`;
            // console.log(str);
            // document.write(str);
            document.getElementsByClassName("content")[0].innerHTML = str;
        }
        innerTime()
        setInterval(function(){
            innerTime()
        }, 1000);

        // 3.通过 倒计时定时器  模拟 间隔定时器
        
        // function fn(){
        //     console.log(111);
        //     setTimeout(function(){
        //         fn();
        //     }, 1000);
        // }
        // fn();
        // setInterval(function(){
        //     fn();
        // },1000)
       


        </script>
    </body>

    </html>
